<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>列表切换</title>
    <link href="insex.css" rel="stylesheet" type="text/css">
    <script src="../jquery-2.2.3.min.js"></script>
    <script src="index.js"></script>
</head>
<body>
<div class="u-c">
    <div class="placeholder"></div>
    <div class="title">
        <ul class="left">
            <li><a href="#">Android</a></li>
            <li>
                <a href="#">最新</a>

                <div class="down">
                    <a href="#">最新</a>
                    <a href="#">最热</a>
                </div>
            </li>
            <li>
                <a href="#">课程类型</a>

                <div class="down">
                    <a href="#">知识精讲</a>
                    <a href="#">项目实战</a>
                    <a href="#">全部</a>
                </div>
            </li>
            <li>
                <a href="#">难度等级</a>

                <div class="down">
                    <a href="#">初级</a>
                    <a href="#">中级</a>
                    <a href="#">高级</a>
                    <a href="#">全部</a>
                </div>
            </li>

        </ul>
        <ul class="right">
            <li class="lst1" style="background-position: 0px -26px"></li>
            <li class="lst2" style="background-position: -30px -26px"></li>
        </ul>

    </div>
    <div class="body"></div>
</div>
</body>

</html>

<!--<li class="lis">-->
<!--<div class="box">-->
<!--<img src="bg.png">-->

<!--<div class="pContent">-->
<!--<p class="p1">Android的应用与开发</p>-->

<!--<p class="p11">Android是一种基于Linux的自由及开放源代码的操作系统-->
<!--，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发</p>-->

<!--<p class="p2">4课时　30分钟</p>-->
<!--</div>-->
<!--<span></span>-->
<!--</div>-->
<!--</li>-->